<template>
  <div class="back">
    <img @click="skipToHome" class="back_icon" src="@/assets/images/back.png" />
    <span class="back_label">首页</span>
  </div>
</template>
<script setup>
import { useRouter } from 'vue-router';

const router = useRouter();
const skipToHome = () => {
  router.push('/Overview');
};
</script>
<style lang="less" scoped>
.back {
  height: 100%;
  display: flex;
  align-items: center;
}
.back_label {
  color: #55bfec;
  margin-left: 0.375rem;
}
.back_icon {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
</style>
